<!DOCTYPE html>
<html>

	<head>

		<meta name="viewport" content="width=device-width-10, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<meta charset="utf-8" />

		<link rel="icon" href="https://dabai-1259760387.cos.ap-beijing.myqcloud.com/801%E5%B7%A5%E5%85%B7%E7%AE%B1/icon/801_256.ico" type="image/x-icon" />

		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<script src="js/bootstrap.js"></script>

	<script src="js/qrcode.js"></script>
	
		<meta charset="utf-8" />
		<title>电子名片</title>

		<style type="text/css">
			body {
				text-align: center;
				padding: 16px;
			}
			
			#card2{
				margin-top: 8px;
			}
		</style>

	</head>

	<body>

		<div class="card">
			<div class="card-body">

				<h5 class="card-title">姓名</h5>
				<p class="card-text" id="content1">name</p>
				<h5 class="card-title">手机号</h5>
				<p class="card-text" id="content2">tel</p>

				<button type="button" class="btn btn-success" onclick="call()">点击拨打</a>

			</div>
		</div>

	<div class="card" id="card2">
			<div class="card-body">

				<h5 class="card-title">其他</h5>
				<p class="card-text" id="content3">other</p>
				<h5 class="card-title">其他链接</h5>
				<p class="card-text" id="content4">otherurl</p>


				<button type="button" class="btn btn-success" onclick="tiao()">点击跳转</a>

			</div>
		</div>


	</body>

	<script type="text/javascript">
		function getQueryVariable(variable) {
			var query = window.location.search.substring(1);
			var vars = query.split("&");
			for(var i = 0; i < vars.length; i++) {
				var pair = vars[i].split("=");
				if(pair[0] == variable) {
					return pair[1];
				}
			}
			return(false);
		}

		var name = decodeURI(getQueryVariable("name"));
		var tel = getQueryVariable("tel");
		
		var other1 = decodeURI(getQueryVariable("other1"));
		var other1url = getQueryVariable("other1url");

		var lable1 = document.getElementById("content1");
		var lable2 = document.getElementById("content2");
		var lable3 = document.getElementById("content3");
		var lable4 = document.getElementById("content4");


		lable1.innerText = name;
		lable2.innerText = tel;
		lable3.innerText = other1;
		lable4.innerText = other1url;


		function call() {
			window.open("tel:" + tel);
		}
		
			function tiao() {
			window.open(other1url);
		}
		
		
		
	</script>

</html>